<template>
</template>

<script>
</script>

<style>
</style>
.vue文件放置的是vue组件代码
    .vue结尾的文件是需要通过vue-loader使用webpack 编译成普通浏览器可以识别的代码 

   .vue 文件分为三部分：
     1、template标签：用于编写这个组件需要使用的模板内容
     2、script标签：用于编写js，一般使用ES6语法 
     3、style标签：用于编写样式